<template>
<div>
  <select v-model="from">
    <option value="北京市">北京</option>
    <option value="南京市">南京</option>
  </select>
<div >
  <input type="checkbox" v-model="hobby" value="喝酒">喝酒
  <input type="checkbox" v-model="hobby" value="抽烟">抽烟
  <input type="checkbox" v-model="hobby" value="嚼槟榔">嚼槟榔
</div>

  <div>
    <span>性别：</span>
    <input type="radio" value="男" name="sex" v-model="gender">男
    <input type="radio" value="女" name="sex" v-model="gender">女
  </div>
  <div>
    <span>自我介绍</span>
    <textarea v-model="intro"></textarea>
  </div>
</div>
</template>

<script>
export default {

  data(){
    return {
      from:"",
      hobby:[],
      gender:"",
      intro:""
    }
  },
  methods: {}
}
</script>

<style scoped>


</style>